.page-box {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: #1226aa;
    .header {
        height: 197rpx;
        padding-top: 15rpx;
        padding-left: 56rpx;
        box-sizing: border-box;
        image {
            width: 223rpx;
            height: 64rpx;
            margin-bottom: 18rpx;
        }
        .tt {
            font-size: 44rpx;
            color: #ffffff;
            line-height: 62rpx;
        }
    }
    .section {
        height: calc(100% - 197rpx);
        background: #ffffff;
        border-radius: 36rpx 36rpx 0rpx 0rpx;
        padding: 62rpx 56rpx 0 56rpx;
        .from-box {
            .tip {
                font-weight: 400;
                font-size: 22rpx;
                color: #1397c5;
                line-height: 30rpx;
            }
            .input-box {
                padding-left: 24rpx;
                height: 80rpx;
                border-radius: 16rpx;
                border: 1px solid #d7dae0;
                margin-bottom: 26rpx;
                box-sizing: border-box;
                .iconfont {
                    font-size: 48rpx;
                    color: #6e767a;
                }
                .uni-input {
                    margin-left: 16rpx;
                    width: 90%;
                    font-size: 26rpx;
                }
                .pic-code {
                    width: 150rpx;
                    height: 60rpx;
                    border-radius: 10rpx;
                    margin-right: 19rpx;
                }
                .get-code {
                    margin: 0;
                    padding: 0;
                    border: none;
                    font-size: 26rpx;
                    color: #1226aa;
                    font-weight: 400;
                    background: none;
                    margin-right: 24rpx;
                    &::after {
                        border: none;
                    }
                }
            }
        }
        .btn {
            height: 100rpx;
            background: #1226aa;
            border-radius: 50rpx;
            font-weight: 600;
            font-size: 28rpx;
            color: #ffffff;
            letter-spacing: 10rpx;
            &.disabled {
                opacity: 0.5;
            }
        }
        .checkbox-box {
            margin-top: 37rpx;
            .t1 {
                font-weight: 400;
                font-size: 24rpx;
                color: #6e767a;
                line-height: 33rpx;
            }
            .t2 {
                font-weight: bold;
                font-size: 24rpx;
                color: #1226aa;
                line-height: 33rpx;
            }
        }
        .login-type {
            margin-top: 24rpx;
            .t1 {
                opacity: 0.8;
                font-size: 26rpx;
                color: #2e3233;
                line-height: 37rpx;
            }
            .t2 {
                opacity: 0.8;
                font-size: 26rpx;
                color: #2e3233;
                line-height: 37rpx;
            }
            .line {
                width: 1rpx;
                height: 37rpx;
                border: 1rpx solid rgba(19, 151, 197, 0.5);
                margin: 0 64rpx;
            }
        }
    }
}
